<template>
    <div>
        <div class="topmsg">
            <div class="img">
                <img src="../../assets/image/admin-header.png" alt="">
            </div>
            <div>
                <div>Hi，练红尘欢迎登入</div>
                <div>
                    <div>手机号码：156846254</div>
                    <div></div>
                    <div>超级管理员</div>
                </div>
            </div>
        </div>
    </div>
</template>

<script lang="ts" setup>
import { ref, reactive, computed, watch, onMounted } from 'vue'
import { useRoute, useRouter } from 'vue-router'
const router = useRouter()
const route = useRoute()
</script>

<style lang="scss" scoped>
.topmsg {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    background-color: #ffffff;

    .img {
        width: 44px;
        height: 44px;
        border-radius: 6px;
    }
}
</style>